.header {
	height: 44px;
	width: 100%;
	position: relative;
	background-color: white;
	display: flex;
}

.title{
	height: 44px;
	width: calc(100% - 110px);
	text-align: center;
	line-height: 44px;
	font-size: var(--size14);
}

#closeBtn {
	padding: 10px;
	font-size: 30px;
	font-weight: 600;
}
.submitBtn{
	font-size: var(--size15);
	color: var(--mainColor);
	padding: 0 var(--size15);
	line-height: 44px;
	white-space: nowrap;
}
.headWard{
	width: 100%;
	background-color: white;
	margin-top: var(--size10);
}
.headLine{
	width: 100%;
	overflow: hidden;
	padding: var(--size10) var(--size15);
	display: flex;
	font-size: var(--size14);
	line-height: var(--size20);
}
.headTip{
	width: calc(100% - var(--size20));
}
.mui-icon-arrowright{
	font-size: var(--size20);
	width: var(--size20);
	height: var(--size20);
	text-align: right;
	color: #BBBBBB;
}
#currWard{
	background-color: #F1F0F5;
	color: #AAAAAA;
}

#wrapper{
	top: calc(44px + var(--size140));
}
.mui-table-view-cell{
	background-color: white;
	overflow: hidden;
	padding: var(--size15);
	display: flex;
}

.mui-table-view:before,.mui-table-view:after{
	height: 0;
}
#nurUL .mui-table-view-cell:after{
	left: var(--size30);
	height: 1px;
}
.mui-table-view-cell.mui-active {
    background-color: white;
}

.nurName{
	width: calc(100% - var(--size50));
	padding: 0 var(--size10);
	font-size: var(--size14);
	line-height: var(--size20);
}
.nurHead{
	white-space: nowrap;
	border-radius: 6px;
	background-color: var(--mainColor);
	font-size: var(--size10);
	color: white;
	padding: 0px var(--size8);
}

/* 选择病区 */
.wardPopo{
	width: 80%;
	height: 80%;
	top: 10%;
	left: 10%;
	background-color: white;
	font-size: var(--size14);
}
.wardPopo .mui-table-view-cell{
	font-size: var(--size14);
}
.popoHeader{
	background-color: var(--mainColor);
	color: white;
	height: var(--size40);
	display: flex;
	line-height: var(--size40);
}
.headText{
	width: calc(100% - var(--size30));
	padding: 0 var(--size15);
}
.mui-icon-close{
	line-height: var(--size40);
	margin-right: 10px;
}

/*========搜索框=============*/
.searchArea {
	height: 2rem;
	width: 100%;
	padding: var(--size10) var(--size15);
	background-color: transparent;
}
.searchArea input[type='search']{
	font-size: var(--size12);
	height: var(--size30);
	line-height: var(--size30);
	margin: 0;
	border: 0;
	border-radius: var(--size15);
	background-color: #EFEFEF;
}
.mui-search .mui-placeholder {
	font-size: var(--size12);
	color: var(--subColor);
	height: var(--size30);
	line-height: var(--size30);
	padding-left: var(--size15);
	text-align: left;
}

.mui-search .mui-placeholder .mui-icon,.mui-input-row.mui-search.mui-active::before {
	font-size: var(--size13);
	height: var(--size30);
	line-height: var(--size30);
}
.mui-search .mui-placeholder .mui-icon{
	margin-right: var(--size8);
}
.mui-input-row.mui-search.mui-active::before{
	font-size: var(--size13);
	margin-top: -0.6rem;
	left: var(--size15);
}
.mui-input-row .mui-input-clear ~ .mui-icon-clear{
	height: var(--size30);
	line-height: var(--size30);
}
.mui-input-row.mui-search .mui-icon-clear {
	top: 0;
}
#wardWrapper{
	top: calc(2rem + var(--size40));
}
#wardUL .mui-table-view-cell{
	padding: var(--size10) var(--size15);
}

/*上拉加载更多*/
.mui-pull-bottom-tips {
	text-align: center;
	background-color: transparent;
	font-size: var(--size15);
	line-height: var(--size40);
	color: #777;
}
.mui-pull-loading{
	font-size: var(--size13);
}

/* 单选模式 */
.singleType #selAll{
	display: none;
}
.singleType #wrapper{
	top: calc(44px + var(--size100));
}
/* 单选 多选*/
.circle,.square{
	width: var(--size16);
	height: var(--size16);
	font-size: var(--size16);
	line-height: 1;
	color: #CECECE;
	margin-top: 0.08rem;
}
.circle::after{
	font-family: Muiicons;
	-webkit-font-smoothing: antialiased;
	content: '\e411';
}

.square::after{
	font-family: "nurfont" !important;
	-webkit-font-smoothing: antialiased;
	content: "\e81a";
}
.dhc-active .circle::after{
	content: '\e441';
	color: var(--mainColor);
}
.dhc-active .square::after{
	color: var(--mainColor);
	content: "\ef3b";
}
/* 单个病区 多个病区 */
.singleWard #selWardBtn{
	display: none;
}
.singleWard #wrapper{
	top: calc(44px + var(--size100));
}
.singleType.singleWard #wrapper{
	top: calc(44px + var(--size60));
}